<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--- 
		简述页面的结构组成?以及每部分功能?
		目前的网页一般分为三部分：
		页头（一般是放网站logo和导航链接）
		主体（就是网页内容部分）
		页尾（版权申明、使用协议等，也可放一些导航链接）
		网页是一个包含HTML标签的纯文本文件，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。
		网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
		
		- 列举移动端开发时浏览器会遇到的几种常见兼容问题及解决方案?
		(1)iPhone下非a标签使用$.fn.on委托绑定没有作用
		解决方法：给标签加上cursor属性 
		(2)webview中sumsung手机使用margin-left:auto;margin-right:auto;
		来实现水平居中会导致该居中元素的宽度设置失效，宽度会自动填满居中区域
		解决方法：定位+左距离50%+左偏移元素宽度的一半
		(3)webview中 sumsung定义高度不起作用
		解决方法：逼不得已使用padding撑起高度
		(4)webview中 sumsung margin-left不起作用
		解决方法：考虑使用padding-left
		(5)webview中 iso input宽度置为0还是有显示区域
		解决方法：width:0px;z-index:-1;border:none;
		
		- 列举PC端前端开发时浏览器会遇到的几种常见兼容问题以及解决方案?
		(1)不同浏览器的标签默认的外补丁和内补丁不同
		解决方案：css里 *{margin:0;padding:0;}
		(2)块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大
		解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性
		(3)设置较小高度标签（一般小于10px），在ie6，ie7，遨游中高度超出自己设置高度
		给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度
		(4)行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，ie6间距bug
		在display:block;后面加入display:inline;display:table;
		(5)图片默认有间距
		使用float属性为img布局
		(6)标签最低高度设置min-height不兼容
		解决方案：如果我们要设置一个标签的最小高度200px，需要进行的设置为：
		{min-height:200px; height:auto !important; height:200px; overflow:visible;}
		
		- DOM对象与jQuery对象间的区别及如何转换?
		DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;
		jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。
		jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。
		对于一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了，方法为$(dom对象);
		
		- 如何获取当前网页及浏览器的相关信息?
		(1)网页
		网页可见区域宽：document.body.clientWidth
		网页可见区域高：document.body.clientHeight
		网页可见区域宽：document.body.offsetWidth (包括边线的宽)
		网页可见区域高：document.body.offsetHeight (包括边线的宽)
		网页正文全文宽：document.body.scrollWidth
		网页正文全文高：document.body.scrollHeight
		网页被卷去的高：document.body.scrollTop
		网页被卷去的左：document.body.scrollLeft
		网页正文部分上：window.screenTop
		网页正文部分左：window.screenLeft
		屏幕分辨率的高：window.screen.height
		屏幕分辨率的宽：window.screen.width
		屏幕可用工作区高度：window.screen.availHeight
		屏幕可用工作区宽度：window.screen.availWidth
		HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
		scrollHeight: 获取对象的滚动高度
		scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
		scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
		scrollWidth:获取对象的滚动宽度
		offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
		offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
		offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
		event.clientX 相对文档的水平座标
		event.clientY 相对文档的垂直座标
		event.offsetX 相对容器的水平坐标
		event.offsetY 相对容器的垂直坐标
		document.documentElement.scrollTop 垂直方向滚动的值
		event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
		(2)浏览器
		浏览器的嗅探
		navigator.userAgent
		浏览器代号
		navigator.appCodeName
		浏览器名称
		navigator.appName
		浏览器版本
		navigator.appVersion
		浏览器启用cookies
		navigator.cookieEnabled
		运行浏览器的操作系统和（或）硬件平台
		navigator.platform
		web的主机域名
		location.hostname
		返回当前页面的路径和文件名
		location.pathname
		返回web主机端口
		location.port
		
		- 什么是闭包, 使用闭包的优缺点概述?
		闭包就是能够读取其他函数内部变量的函数。 
		由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。
		优点：
		(1)逻辑连续，当闭包作为另一个函数调用的参数时，避免你脱离当前逻辑而单独编写额外逻辑。
		(2)方便调用上下文的局部变量。
		(3)加强封装性，第2点的延伸，可以达到对变量的保护作用。
		缺点：
		闭包有一个非常严重的问题，那就是内存浪费问题，
		这个内存浪费不仅仅因为它常驻内存，更重要的是，对闭包的使用不当会造成无效内存的产生。
		-->
	</body>
</html>
